<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>
  <meta charset="utf-8">
	<style>
		.modal-dialog{
			width:300px;
			margin:200px auto;
		}
		.modal-content{
			border:1px solid #aaa;
			box-shadow:0 0 30px #ddd;
			background:#ddd;
		}
		.modal-content h4{
			margin:10px 10px;
			font-size:15px;
			width:300px;
		}
		.modal-content input{
			margin:0 20px 15px 20px;
			border:1px solid #aaa;
			border-radius:2px;
			width:256px;
			height:25px;
		}
		.modal-content input.sumbit{
			background:#e4393c;
		}
		.modal-content span{
			display:block;
			margin:10px 20px;
			background-color:#FDD0DF;
			border:1px solid red;
			border-radius:2px;
			height:25px;
		}

	</style>
 </head>
 <body>
	<div class="modal-dialog">
			<div class="modal-content">
			<h4 >如有账号，请登录！</h4>
			<div class="alert">
				<form id="login-form">
				<span >请保管好您的登录信息，以防丢失！</span>
				<input type="text" placeholder="邮箱/手机号/QQ号" name="uname">
				<input type="password" placeholder="请输入您的密码" name="upwd">
				<input class="sumbit" type="button" value="登录">
				</form>
			</div>
			</div>
	</div>
 </body>
</html>
